<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>表单使用</title>
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" th:href="@{/resources/bootstrap/css/bootstrap.min.css}">
    <!-- Font Awesome -->
    <link rel="stylesheet" th:href="@{/resources/awi/css/font-awesome.min.css}">
    <!--File input -->
    <link rel="stylesheet" th:href="@{/resources/plugins/bootstrap-fileinput/css/fileinput.min.css}">
    <!--日期选择器 -->
    <link rel="stylesheet" th:href="@{/resources/plugins/datepicker/datepicker3.css}">
    <!--下拉列表选择 -->
    <link rel="stylesheet" th:href="@{/resources/plugins/select2/select2.min.css}">


</head>
<body>
   <div class="container">

       <div class="row">
           <div class="panel panel-success">
               <div class="panel-heading">表单示例</div>
               <div class="panel-body">
                   <form class="form-horizontal" role="form">
                       <div class="form-group">
                           <label for="input" class="col-sm-2 control-label">输入框</label>
                           <div class="col-sm-10">
                               <input type="text" class="form-control" id="input" placeholder="请输入名字">
                           </div>
                       </div>
                       <div class="form-group">
                           <label for="date" class="col-sm-2 control-label">日期选择框</label>
                           <div class="col-sm-10">
                               <input type="text" class="form-control date-picker" id="date" placeholder="日期选择">
                           </div>
                       </div>
                       <div class="form-group">
                           <label for="datetime" class="col-sm-2 control-label">时间选择框</label>
                           <div class="col-sm-10">
                               <input type="text" class="form-control datetime-picker" id="datetime" placeholder="选择时间">
                           </div>
                       </div>
                       <div class="form-group">
                           <label for="fileinput" class="col-sm-2 control-label">文件上传</label>
                           <div class="col-sm-10">
                               <input type="file" class="fileinput" id="fileinput" name="uploadFile" multiple>
                           </div>
                       </div>
                       <div class="form-group">
                           <label for="fileinput" class="col-sm-2 control-label">字典下拉选择</label>
                           <div class="col-sm-10">
                               <select class="select2 form-control" data-category="内容栏目" style="height: 35px;">
                                   <option>请选择</option>

                               </select>
                           </div>
                       </div>
                       <div class="form-group">
                           <label for="fileinput" class="col-sm-2 control-label">字典下拉选择2</label>
                           <div class="col-sm-10">
                               <select class="select2 form-control" data-category="测试类别1" style="height: 35px;">
                                   <option>请选择</option>
                               </select>
                           </div>
                       </div>
                       <div class="form-group">
                           <label for="fileinput" class="col-sm-2 control-label">富文本编辑器</label>
                           <div class="col-sm-10">
                               <textarea id="ckeditor" class="form-control"></textarea>
                           </div>
                       </div>

                       <div class="form-group">
                           <div class="col-sm-offset-2 col-sm-10">
                               <button type="submit" class="btn btn-default">登录</button>
                           </div>
                       </div>
                   </form>
               </div>
           </div>
       </div>
   </div>
</body>
<!-- jQuery 2.2.3 -->
<script th:src="@{/resources/plugins/jQuery/jquery-2.2.3.min.js}"></script>
<!-- Bootstrap 3.3.6 -->
<script th:src="@{/resources/bootstrap/js/bootstrap.min.js}"></script>
<!--日期选择器 -->
<script th:src="@{/resources/plugins/datepicker/bootstrap-datepicker.js}"></script>
<script th:src="@{/resources/plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js}"></script>
<!--文件上传控件 -->
<script th:src="@{/resources/plugins/bootstrap-fileinput/js/fileinput.min.js}"></script>
<script th:src="@{/resources/plugins/bootstrap-fileinput/js/fileinput_locale_zh.js}"></script>
<!-- 下拉列表选择 -->
<script th:src="@{/resources/plugins/select2/select2.min.js}"></script>
<script th:src="@{/resources/plugins/select2/i18n/zh-CN.js}"></script>
<!--富文本编辑器 -->
<script th:src="@{/resources/plugins/ckeditor/ckeditor.js}"></script>
<script th:src="@{/resources/plugins/ckeditor/config.js}"></script>
<script th:src="@{/resources/plugins/plugins-init/plugins-init.js}"></script>

</html>